<template>
    <div class="content-layout">
        <poetry-banner-component :item="dataSet[1]"></poetry-banner-component>
        <today-poetry-component :item="dataSet[1]"></today-poetry-component>
        <div v-for="(item,index) in 15">
            <previous-poetry-component :item="dataSet[1]"></previous-poetry-component>
        </div>

    </div>
</template>

<script>
// @ is an alias to /src
import PoetryBannerComponent from "@/components/banner/PoetryBannerComponent";
import TodayPoetryComponent from "@/components/TodayPoetryComponent";
import PreviousPoetryComponent from "@/components/PreviousPoetryComponent";

export default {
    name: 'HomeView',
    components: {PoetryBannerComponent, TodayPoetryComponent, PreviousPoetryComponent},
    data() {
        return {
            dataSet: [
                {
                    title: '木兰花·令拟古决绝词',
                    author: '清·纳兰性德',
                    poetryList: [
                        "人生若只如初见，何事秋风悲画扇",
                        "等闲变却故人心，却道故心人易变",
                        "骊山语罢清宵半，泪雨霖铃终不怨",
                        "何如薄幸锦衣郎，比翼连枝当日愿"
                    ]
                },
                {
                    title: '踏莎行',
                    author: '宋·寇准',
                    poetryList: [
                        "春色将阑，莺声渐老。",
                        "红英落尽青梅小。",
                        "画堂人静雨濛濛，屏山半掩馀香袅。",
                        "密约沈沈，离情杳杳。",
                        "菱花尘满慵将照。",
                        "倚楼无语欲销魂，长空黯淡连芳草。"
                    ]
                }
            ],
        }
    },
    mounted() {
        this.$api.recommend_list().then(resp => {
            console.log("=======", resp)
        })
    },
    methods: {}
}
</script>
<style lang="scss" scoped>
.content-banner-wrapper {
    text-align: center;
}
</style>
